<template>
  <div>
    <div class="indexModelTitle">
      <div class="indexClassTitle">学院咨询</div>
    </div>
    <ul class="consultContent">
      <li class="consultList">
        <div class="consultListLeft">
          <div class="consultListLeftTop"></div>
          <div class="consultListLeftCenter"></div>
        </div>
        <div class="consultListRight">
          <img src="" alt="">
        </div>
      </li>
    </ul>
  </div>
</template>

<script>
import { fetchIndexConsultList } from '@/api/index'
export default {
  name: 'IndexConsult',
  data () {
    return {
      connsultList: []
    }
  },
  mounted () {
    // this.getList()
  },
  methods: {
    getList () {
      const data = {
        t: 'zaMDWXp6G',
        r: '1566541387',
        z: '932C972DEF582EFF5D704B0F3DBF2BB5',
        type: 2
      }
      fetchIndexConsultList(data).then(res => {
        console.log(res)
        if (res.code === '200') {
          this.connsultList = res.data[0]
        } else {
          console.log('400/500')
        }
      })
    }
  }
}
</script>

<style lang="stylus" scoped>
@import '~@/assets/styles/maxins.styl'
  .indexClassTitle
    indexClassTitle()
  .consultListRight >>> img
    position absolute
    top 10%
    left 0
    width 94%
    height 80%
    border-radius 0.2rem
  .consultContent
    width 100%
    padding 0.4rem 0.48rem 0
    box-sizing border-box
    .consultList
      background #fff
      position relative
      padding .24rem .48rem
      margin-bottom .48rem
      box-shadow 0 3px 5px 0 rgba(0, 0, 0, 0.1)
      .consultListLeft
        width 56%
        height 100%
        padding .24rem 0
        .consultListLeftTop
          width 100%
          font-size 0.6rem
          box-sizing border-box
          box-sizing border-box
          padding-right 0.2rem
        .consultListLeftCenter
          width 100%
          font-size 0.56rem
          color #666666
          box-sizing border-box
          padding-right .2rem
          overflow hidden
          padding-top .2rem
      .consultListRight
        width 40%
        height 100%
        position absolute
        top 0
        right 0
</style>
